import { ref, onMounted, onUnmounted } from 'vue'

function useMousePosition() {
    const x = ref(0)
    const y = ref(0)
    const updateMouse = (e: MouseEvent) => {
        x.value = e.pageX;
        y.value = e.pageY;
    }
    onMounted(() => {
        document.addEventListener("click", updateMouse)
    })
    onUnmounted(() => {
        document.removeEventListener("click", updateMouse)
    })
    return { x, y }
}

export default useMousePosition